<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1, minimum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    物理像素
      设备         物理分辨率     逻辑分辨率     物理/逻辑

      iphone6splus 1080 * 1920   
                  1242 * 2208    414 * 736     3
      iphone6     750 * 1334     375 * 667     2
      iphone5     640 * 1136     320 * 568     2
      iphone4     640 * 960      320 * 480     2
      iPhone 1G   320x480        320 * 480     1
      iPhone 3G   320x480        320 * 480     1
      iPhone 3GS  320x480        320 * 480     1

      屏幕大小相同，分辨率越高，像素点越小

    
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      设置视口

      将视口宽度设置为设备宽度
      initial-scale=1.0  初始化页面缩放为1
      maximum-scale=1  最大能缩放的比例
      minimum-scale=1  最小能缩放的比例
      user-scalable=no 用户能对面进行缩放 （ios7以后safari不支持）

  
  -->
  safsafa
</body>
</html>